<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>经销网络 - 春天集团</title>
    <link th:fragment="scriptbar" rel="stylesheet" th:href="@{/fasserts/css/distribute.css}" />
    <script th:replace="~{front/common/links::scriptbar}"></script>
    <script src="//api.map.baidu.com/api?type=webgl&amp;v=1.0&amp;ak=0GTNv7OReLUNoIxz51O1j5Reg1Rhn4wm"></script>
    <style>
        #content{width:1400px;margin:85px auto;height:65vh;}
        #container{overflow:hidden;width:100%;height:100%;margin:0;font-family:"微软雅黑";}
        .right_map{margin-left:360px;height:51vh;border:5px solid #fff;}
        .BMap_bubble_pop{padding:10px!important;}
        .tit{font-size:16px;font-weight:bold}
        .post_list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;}
        .post_list .post_box{border-radius:12px;background:#ffffff;padding:20px 24px;margin-top:20px;cursor:pointer;transition:0.2s;width:32.5%;}
        .post_list .post_box .post_title{font-size:18px;line-height:28px;font-weight:500;color:#323232;}
        .post_list .post_box .post_tag_box{font-size:0;margin:8px 0 8px;}
        .post_list .post_box .post_tag_box .post_tag{font-size:16px;line-height:24px;color:#323232;display:inline;}
        .post_list .post_box .post_tag_box .post_tag span{margin:0 5px;}
        .post_list .post_box .site_box{font-size:0;}
        .post_list .post_box .site_box .site_title,.post .content .main .post_content .right .post_list .post_box .site_box .site{font-size:14px;color:#7f7f7f;line-height:22px;margin-left:0;display:inline-block;}
    </style>
</head>
<body class="ksd-successcase">
<div th:replace="~{front/common/header::headerbar}"></div>
<div id="content">
    <div class="left_menu">
        <div class="lefttitle">
            <svg t="1631585345240" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2206" width="32" height="32">
                <path d="M501.097 819.37l11.466 11.807 11.469-11.807c0.717-0.717 71.434-73.667 141.172-163.211 95.188-122.172 143.47-216.060 143.47-279.039 0-73.71-31.012-142.91-87.29-194.842-55.839-51.571-130.027-79.971-208.822-79.971-78.814 0-152.979 28.399-208.82 79.97-56.299 51.933-87.291 121.133-87.291 194.842 0 62.979 48.282 156.867 143.468 279.039 69.741 89.545 140.458 162.495 141.177 163.212zM512.561 277.126c56.38 0 102.268 46.546 102.268 103.743 0 57.235-45.888 103.78-102.268 103.78-56.377 0-102.266-46.546-102.266-103.78 0-57.197 45.889-103.743 102.266-103.743zM686.902 753.717l-25.627 25.607c16.793 10.81 26.722 22.895 26.722 34.543 0 32.986-76.142 69.837-178.068 69.837-101.927 0-178.069-36.852-178.069-69.837 0-12.724 11.548-25.967 31.33-37.534l-23.214-27.359c-27.142 17.628-43.077 39.965-43.077 64.853 0 60.028 91.557 105.298 213.030 105.298 121.472 0 213.009-45.231 213.009-105.298-0.038-22.656-13.162-43.278-36.035-60.109z" fill="#d81e06" p-id="2207"></path>
            </svg> 全市服务点
        </div>
        <!--选择城市-->
        <div id="mapcitylist0">
            <!--门店列表-->
            <div class="storediv" id="map0">
                <div class="storelist" style="height: 62vh;">
                    <ul id="city_ajax_return_li">
                        <li class="maplist" data-lpos="116.42268475460746" data-address="浙江省玉环县大麦屿经济开发区滨河路" data-title="&lt;h3 class='tit'&gt;玉环县浙江海昌药业有限公司&lt;/h3&gt;" data-lan="39.93383716244395"> <a href="javascript:void(0);">
                            <div class="con_mdname">
                                <svg t="1631585454031" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5701" width="20" height="20">
                                    <path d="M503 780.7l-15.2-14.5c-2.1-2-51.6-49.3-101.9-111.1C316.3 569.5 281 500.3 281 449.3c0-59.3 23.1-115 65-157 41.9-41.9 97.7-65 157-65s115 23.1 157 65c41.9 41.9 65 97.7 65 157 0 51-35.3 120.2-104.9 205.8-50.3 61.8-99.8 109.1-101.9 111.1L503 780.7z m0-509.4c-98.1 0-178 79.9-178 178 0 39.4 33.7 102.5 94.8 177.7 32.2 39.6 64.8 73.8 83.2 92.4 18.4-18.6 51-52.7 83.2-92.4 61.1-75.2 94.8-138.3 94.8-177.7 0-98.2-79.9-178-178-178z" p-id="5702"></path>
                                    <path d="M503 546.6c-52.4 0-95-42.6-95-95s42.6-95 95-95 95 42.6 95 95-42.7 95-95 95z m0-146c-28.1 0-51 22.9-51 51s22.9 51 51 51 51-22.9 51-51-22.9-51-51-51z" p-id="5703"></path>
                                </svg>
                                <span>玉环县浙江海昌药业有限公司</span>
                            </div>
                            <div class="con_mdaddress"></div> </a> </li>
                        <li class="maplist" data-lpos="116.404" data-lan="39.925" data-address="国际贸易部地址：浙江省杭州市莫干山路文北巷27号" data-title="&lt;h3 class='tit'&gt;杭州市拱墅区莫干山路/文北巷(路口)&lt;/h3&gt;"> <a href="javascript:void(0);">
                            <div class="con_mdname">
                                <svg t="1631585454031" class="icon" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5701" width="20" height="20">
                                    <path d="M503 780.7l-15.2-14.5c-2.1-2-51.6-49.3-101.9-111.1C316.3 569.5 281 500.3 281 449.3c0-59.3 23.1-115 65-157 41.9-41.9 97.7-65 157-65s115 23.1 157 65c41.9 41.9 65 97.7 65 157 0 51-35.3 120.2-104.9 205.8-50.3 61.8-99.8 109.1-101.9 111.1L503 780.7z m0-509.4c-98.1 0-178 79.9-178 178 0 39.4 33.7 102.5 94.8 177.7 32.2 39.6 64.8 73.8 83.2 92.4 18.4-18.6 51-52.7 83.2-92.4 61.1-75.2 94.8-138.3 94.8-177.7 0-98.2-79.9-178-178-178z" p-id="5702"></path>
                                    <path d="M503 546.6c-52.4 0-95-42.6-95-95s42.6-95 95-95 95 42.6 95 95-42.7 95-95 95z m0-146c-28.1 0-51 22.9-51 51s22.9 51 51 51 51-22.9 51-51-22.9-51-51-51z" p-id="5703"></path>
                                </svg>
                                <span>杭州市拱墅区莫干山路/文北巷(路口)</span>
                            </div>
                            <div class="con_mdaddress"></div> </a> </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="right_map">
        <div id="container"></div>
        <div class="cardbox post">
            <ul data-v-dfcb98fe="" class="post_list">
                <li data-v-dfcb98fe="" class="post_box">
                    <div class="fl" style="margin-top: 5px">
                        <svg t="1631605577492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10670" width="48" height="48"><path d="M504.704 558.656c161.536 0 292.544-125.056 292.544-279.36C797.248 125.12 666.24 0 504.704 0 343.104 0 212.096 125.12 212.096 279.36 212.096 433.6 343.104 558.656 504.704 558.656L504.704 558.656zM512 585.152c-226.176 0-512 175.104-512 391.104L0 1024l1024 0 0-47.744C1024 760.256 738.176 585.152 512 585.152L512 585.152z" p-id="10671" fill="#bfbfbf"></path></svg>
                    </div>
                    <div class="" style="margin-left: 64px">
                        <div data-v-dfcb98fe="" class="post_title">
                            负责人：徐剋开
                        </div>
                        <div data-v-dfcb98fe="" class="post_tag_box">
                            <div data-v-dfcb98fe="" class="post_tag">
                                电话：15423434543
                            </div>
                        </div>
                    </div>
                    <div data-v-dfcb98fe="" class="site_box">
                        <div data-v-dfcb98fe="" class="site_title">
                            地址：浙江省玉环县大麦屿经济开发区滨河路
                        </div>
                    </div>
                </li>
                <li data-v-dfcb98fe="" class="post_box">
                    <div class="fl" style="margin-top: 5px">
                        <svg t="1631605577492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10670" width="48" height="48"><path d="M504.704 558.656c161.536 0 292.544-125.056 292.544-279.36C797.248 125.12 666.24 0 504.704 0 343.104 0 212.096 125.12 212.096 279.36 212.096 433.6 343.104 558.656 504.704 558.656L504.704 558.656zM512 585.152c-226.176 0-512 175.104-512 391.104L0 1024l1024 0 0-47.744C1024 760.256 738.176 585.152 512 585.152L512 585.152z" p-id="10671" fill="#bfbfbf"></path></svg>
                    </div>
                    <div class="" style="margin-left: 64px">
                        <div data-v-dfcb98fe="" class="post_title">
                            负责人：徐剋开
                        </div>
                        <div data-v-dfcb98fe="" class="post_tag_box">
                            <div data-v-dfcb98fe="" class="post_tag">
                                电话：15423434543
                            </div>
                        </div>
                    </div>
                    <div data-v-dfcb98fe="" class="site_box">
                        <div data-v-dfcb98fe="" class="site_title">
                            地址：浙江省玉环县大麦屿经济开发区滨河路
                        </div>
                    </div>
                </li>
                <li data-v-dfcb98fe="" class="post_box">
                    <div class="fl" style="margin-top: 5px">
                        <svg t="1631605577492" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10670" width="48" height="48"><path d="M504.704 558.656c161.536 0 292.544-125.056 292.544-279.36C797.248 125.12 666.24 0 504.704 0 343.104 0 212.096 125.12 212.096 279.36 212.096 433.6 343.104 558.656 504.704 558.656L504.704 558.656zM512 585.152c-226.176 0-512 175.104-512 391.104L0 1024l1024 0 0-47.744C1024 760.256 738.176 585.152 512 585.152L512 585.152z" p-id="10671" fill="#bfbfbf"></path></svg>
                    </div>
                    <div class="" style="margin-left: 64px">
                        <div data-v-dfcb98fe="" class="post_title">
                            负责人：徐剋开
                        </div>
                        <div data-v-dfcb98fe="" class="post_tag_box">
                            <div data-v-dfcb98fe="" class="post_tag">
                                电话：15423434543
                            </div>
                        </div>
                    </div>
                    <div data-v-dfcb98fe="" class="site_box">
                        <div data-v-dfcb98fe="" class="site_title">
                            地址：浙江省玉环县大麦屿经济开发区滨河路
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div th:replace="~{front/common/footer::footerbar}"></div>
<script>
    var map = new BMapGL.Map('container');

    $(".maplist").on("click",function(){
        var lpos = $(this).data("lpos");
        var lan = $(this).data("lan");
        var title = $(this).data("title");
        var address = $(this).data("address");
        var point = new BMapGL.Point(lpos,lan);
        map.centerAndZoom(point, 15);
        var opts = {
            width: 300,
            height: 80,
            title: title
        };
        var infoWindow = new BMapGL.InfoWindow('地址：'+address, opts);
        map.openInfoWindow(infoWindow, point);
    }).eq(0).trigger("click");
</script>
</body>
</html>